// sidebar
$menuText: #000;
$menuActiveText: #fff;
$subMenuActiveText: #000; //https://github.com/ElemeFE/element/issues/12951

$menuBg: var(--menuBg, #fff);//主菜单背景色
$menuHover: #5677e2;//主菜单悬浮颜色
$menuBorderColor: #ffffff;
$menuActive: var(--menuActive, #5677e2);//菜单选中颜色

$menuColor: var(--menuColor, #fff);////主菜单未选中颜色
//侧边栏子集菜单背景色
$subMenuBg: var(--subMenuBg, #ecf0f3);//子菜单背景颜色
$subMenuHover: #cddaec;//子菜单悬浮颜色
$sideBarWidth: 265px;
$sideBarBgcWidth: 230px;

//顶部背景色
$navbarColor: var(--navbarColor, #38436d);
//	弹窗头部颜色
$ElDialogHeaderBg: var(--ElDialogHeaderBg, #237ec4);


// 面包屑等背景色
$hamburgerBgColor: #00485a;
// 操作栏的高度
$actionBarHeight: 50px;
// 内容border颜色
$borderColor: #406c7a;

//图标变成黑色
$svgIconColor: brightness(0); //（0-100）黑-白

// the :export directive is the magic sauce for webpack
// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
:export {
  menuText: $menuText;
  menuActiveText: $menuActiveText;
  subMenuActiveText: $subMenuActiveText;
  menuBg: $menuBg;
  menuHover: $menuHover;
  subMenuBg: $subMenuBg;
  subMenuHover: $subMenuHover;
  sideBarWidth: $sideBarWidth;
  navbarColor: $navbarColor;
  borderColor: $borderColor;
  svgIconColor: $svgIconColor;
  sideBarBgcWidth: $sideBarBgcWidth;
  ElDialogHeaderBg: $ElDialogHeaderBg;
  menuColor: $menuColor;
}